<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
    <link rel="stylesheet" href="./css/index.css" />
  </head>
  <body>
    <div class="header">
      <p class="header-left">
        <a href="#">小米网</a> |<a href="#">MIUI</a>| <a href="#">米聊</a> |<a
          href="#"
          >游戏</a
        >| <a href="#">多看阅读</a>|<a href="#">云服务</a>|
        <a href="#">小米网移动版</a>|<a href="#">问题反馈</a>|
        <a href="#">Select Region</a>
      </p>
    </div>
    <div class="logo">
      <img src="./images/logo.png" alt="" />
      <img src="./images/new.gif" alt="" />
    </div>
    <div class="nav">
      <ul>
        <li>小米手机</li>
        <li>红米</li>
        <li>平板</li>
        <li>电视</li>
        <li>盒子-影音</li>
        <li>路由器</li>
        <li>智能硬件</li>
        <li>服务</li>
        <li>社区</li>
      </ul>
    </div>
    <div class="banner">
      <img src="./images/banner.png" alt="" />
    </div>
    <div class="nav-list">
      <ul>
        <li>手机 平板 电话卡<img src="./images/right.png" alt="" /></li>
        <li>电视 盒子<img src="./images/right.png" alt="" /></li>
        <li>路由器 智能硬件<img src="./images/right.png" alt="" /></li>
        <li>移动电源 插线板<img src="./images/right.png" alt="" /></li>
        <li>耳机 音箱<img src="./images/right.png" alt="" /></li>
        <li>电池 存储卡<img src="./images/right.png" alt="" /></li>
        <li>保护套 后盖<img src="./images/right.png" alt="" /></li>
        <li>贴膜 其他配件<img src="./images/right.png" alt="" /></li>
        <li>米兔 服装<img src="./images/right.png" alt="" /></li>
        <li>箱包 其他周边<img src="./images/right.png" alt="" /></li>
      </ul>
    </div>
    <div class="main">
      <img src="./images/pro1.png" alt="" />
      <img src="./images/pro1.png" alt="" />
      <img src="./images/pro2.png" alt="" />
      <img src="./images/pro3.png" alt="" />
    </div>
    <!-- 生鲜 -->
    <div class="fresh">
      <!-- 标题 -->
      <div class="title">
        <div class="left">
          <span>智能硬件</span>
        </div>

        <div class="right">
          <a href="#" class="more">查看全部<span></span></a>
        </div>
      </div>
      <!-- 内容 -->
      <div class="content">
        <div class="left">
          <a href="#"><img src="./images/girl.jpg" alt="" /></a>
        </div>

        <div class="right">
          <ul>
            <li>
              <a href="#">
                <div class="pic"><img src="./images/d1.jpg" alt="" /></div>

                <div class="txt">
                  <div class="info">
                    <span>小米路由器3</span>

                    <p>四天线设计，更安全更稳定</p>
                  </div>

                  <p class="price"><span>149元</span></p>
                </div>
              </a>
            </li>

            <li>
              <a href="#">
                <div class="pic"><img src="./images/d2.jpg" alt="" /></div>

                <div class="txt">
                  <div class="info">
                    <span>米家 LED 智能台灯</span>

                    <p>无可视频闪，亮度色温无级调节</p>
                  </div>

                  <p class="price"><span>169元</span></p>
                </div>
              </a>
            </li>

            <li>
              <a href="#">
                <div class="pic"><img src="./images/d3.jpg" alt="" /></div>

                <div class="txt">
                  <div class="info">
                    <span>小米净水器 厨下式</span>

                    <p>RO反渗透直出纯净水，包邮包安装</p>
                  </div>

                  <p class="price"><span>1999元</span></p>
                </div>
              </a>
            </li>

            <li>
              <a href="#">
                <div class="pic"><img src="./images/d4.jpg" alt="" /></div>

                <div class="txt">
                  <div class="info">
                    <span>小蚁智能摄像机 夜视版</span>

                    <p>能看能听能说，手机远程观看</p>
                  </div>

                  <p class="price"><span>149元</span></p>
                </div>
              </a>
            </li>

            <li>
              <a href="#">
                <div class="pic"><img src="./images/d5.jpg" alt="" /></div>

                <div class="txt">
                  <div class="info">
                    <span>Yeelight床头灯</span>

                    <p>触摸式操作，给卧室1600万种颜色</p>
                  </div>

                  <p class="price"><span>249元</span></p>
                </div>
              </a>
            </li>

            <li>
              <a href="#">
                <div class="pic"><img src="./images/d6.jpg" alt="" /></div>

                <div class="txt">
                  <div class="info">
                    <span>小米空气净化器2</span>

                    <p>10分钟，房间空气焕然一新</p>
                  </div>

                  <p class="price"><span>699元</span></p>
                </div>
              </a>
            </li>

            <li>
              <a href="#">
                <div class="pic"><img src="./images/d7.jpg" alt="" /></div>

                <div class="txt">
                  <div class="info">
                    <span>小米智能安防套装</span>

                    <p>智能警戒，为您的家增添一份安心</p>
                  </div>

                  <p class="price">
                    <span>169元 <span class="last">188元</span> </span>
                  </p>
                </div>
              </a>
            </li>

            <li>
              <a href="#">
                <div class="pic"><img src="./images/d8.jpg" alt="" /></div>

                <div class="txt">
                  <div class="info">
                    <span>米家iHealth血压计</span>

                    <p>爸妈上手就会用的智能血压计</p>
                  </div>

                  <p class="price"><span>399元</span></p>
                </div>
              </a>
            </li>
          </ul>
        </div>
        <div class="float">免邮费</div>
        <div class="float2">免邮费</div>
        <div class="float3">享9折</div>
      </div>
      <!-- 底部 -->
      <div class="help">
        <div class="left">
          <dl>
            <dt>帮助中心</dt>

            <dd><a href="#">购物指南</a></dd>

            <dd><a href="#">配送方式</a></dd>
            <dd><a href="#">支付方式</a></dd>

            <dd><a href="#">常见问题</a></dd>
          </dl>

          <dl>
            <dt>售后服务</dt>

            <dd><a href="#">保修政策</a></dd>

            <dd><a href="#">退换货政策</a></dd>

            <dd><a href="#">退换货流程</a></dd>
            <dd><a href="#">保修状态查询</a></dd>
          </dl>

          <dl>
            <dt>技术支持</dt>

            <dd><a href="#">售后网点</a></dd>

            <dd><a href="#">荣耀零售店铺</a></dd>

            <dd><a href="#">预约维修</a></dd>
            <dd><a href="#">手机寄修服务</a></dd>

            <dd><a href="#">维修配件价格查询</a></dd>

            <dd><a href="#">软件下载</a></dd>
          </dl>

          <dl>
            <dt>关于商城</dt>

            <dd><a href="#">公司介绍</a></dd>

            <dd><a href="#">华为商城简介</a></dd>

            <dd><a href="#">联系客服</a></dd>
          </dl>

          <dl>
            <dt>关注我们</dt>
            <dd><a href="#">新浪微博</a></dd>

            <dd><a href="#">腾讯微博</a></dd>

            <dd><a href="#">花粉俱乐部</a></dd>
            <dd><a href="#">商城手机版</a></dd>
          </dl>
        </div>
        <div class="right">
          <ul>
            <li>400-100-5678</li>
            <li>周一至周日 8:00-18:00</li>
            <li>（仅收市话费）</li>
          </ul>
        </div>
        <div>
          <img src="" alt="" />
        </div>
      </div>
      <div class="bottom">
        <img src="./images/logo.png" alt="" />
        <p class="bottom-right">
          <a href="#">小米网</a> |<a href="#">MIUI</a>| <a href="#">米聊</a> |<a
            href="#"
            >多看书城</a
          >| <a href="#">小米路由器</a>|<a href="#">视频电话</a>|
          <a href="#">小米后院</a>|<a href="#">小米天猫店</a>|
          <a href="#">小米淘宝直营店</a>|<a href="#">小米网盟</a>|
          <a href="#">问题反馈</a>|<a href="#">Select Region</a>
          <br />
          <span
            >@mi.com 京ICP证110507号 京ICP备10046444号
            京公网安备11010802020134号 京网文[2014]0059-0009号
          </span>
          <br />
          <span
            >违法和不良信息举报电话：185-0130-1238，本网站所列数据，除特殊说明，所有数据均出自我司实验室测试</span
          >
        </p>
        <span class="bottom-last">探索黑科技，小米为发烧而生！</span>
      </div>
    </div>
  </body>
</html>
